@import "../../../style/val.scss";

.repayment-success-page {
	position: absolute;
	width: 100%;
	height: 90%;
	overflow: hidden;
	background-color: #ffffff;

	.content-body {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;

		.edu-status-div {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;

			.center-bottom-tips-div {
				.contract-span {
					font-size: 0.24rem;
					color: #7d7d7d;
					text-align: center;
					line-height: 0.36rem;
				}
			}

			.center-0-tips {
				margin-top: 0.6rem;
				width: 4.9rem;
			}
		}

		.top-img {
			width: 1.61rem;
			height: 1.61rem;
			margin-top: 1.2rem;
		}
	}

	.bottom-div {
		width: 100%;
		display: flex;
		position: fixed;
		bottom: 0;
		justify-content: center;
		align-items: center;
		flex-direction: row;

		.submit-btn {
			flex: 1;
			height: 0.99rem;
			font-size: 0.34rem;
			color: #fff;
			text-align: center;
			line-height: 0.99rem;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			justify-content: center;
			border: 1px solid #00a0dd;
			background-color: #00a0dd;
		}

		.btn-grey {
			color: #666;
			background-color: #ffffff;
		}
	}
}
